<template>
  <div class="person">
    <!-- {{ personList }} -->
    <h2>当前求和：{{ sum }}</h2>
    <button @click="add">+++++</button>
  </div>
</template>

<script setup lang='ts' name="Person">
// import { type PersonInter } from './3'
// import { defineProps, withDefaults } from 'vue'
// withDefaults(defineProps<{ personList: PersonInter }>(), { personList: () => [{ id: '123', name: 'lwx', age: 123 }] })
import { ref, reactive } from "vue";
import axios from "axios";
const sum = ref(0)
let dogList = reactive({})
function add() { return sum.value++ }
</script>
<style scoped>
.person {}
</style>